<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!--
        3.3 连接式/外部样式表
            可以在项目单独创建css样式文件,专门用于存放CSS样式代码
            在head标签中,通过link标签引入外部CSS样式即可
            + 说明
                + CSS样式代码从html文件中剥离,利于代码的维护
                + CSS样式文件可以被多个不同的html引入,利于网站风格统一

    -->
    <link href="css/button.css" rel="stylesheet">
</head>
<body>
    <input type="button" value="按钮1"/> 
    <input type="button" value="按钮2"/> 
    <input type="button" value="按钮3"/> 
    <input type="button" value="按钮4"/> 
</body>
</html>